<template>
  <div>
    <div class="tabs">
      <router-link to="/discover/toplist">排行榜</router-link>
      <router-link to="/discover/songlist">歌单</router-link>
      <router-link to="/discover/radio">主播电台</router-link>
    </div>

    <!-- discover的子路由的出口 -->
    <router-view></router-view>

    <div class="discover"></div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.discover {
  width: 100%;
  height: 450px;
  background: url(../assets/discover.png) no-repeat center / cover;
}
</style>